import Vue from 'vue'
import App from './App.vue'
// 1. 导入路由组价
import VueRouter from 'vue-router'
import Home from './pages/Home'
import About from './pages/About'
Vue.config.productionTip = false // 关闭开发模式下的控制台提示信息
// 2. 注册组件
Vue.use(VueRouter)
// 3. 创建路由器
const router = new VueRouter({
    // 配置路由表
    routes:[
        {
            path:'/home',
            component:Home
        },
        {
            path:'/About',
            component:About
        }
    ]
})
new Vue({
    // 4. 挂载路由器    
    /**
     * 1. 在所有的vc身上多了两个属性  $router [操作路由器]  $route[当前路由信息]
     * 2. 多了两个组件 
     *         router-link:  <router-link>首页</router-link>  生成a标签跳转链接
     *         router-view:  展示路由组件的组件
     */
    router,
    render: h => h(App),
    mounted(){
        console.log('vm this: ', this)
    }
}).$mount('#app')




